import React, { memo } from "react";
import { Button } from "antd";
//import useHttp from "lib/useHttp";
import { Line } from '@ant-design/charts';

export default memo(function Home(props) {
  //const { $get } = useHttp();
  const testReq = async () => {
      props.history.push('/about')
      // let res = await $get('/test')
      // console.log(res) 
  };
  const data = [
    { year: '1991', value: 3 },
    { year: '1992', value: 4 },
    { year: '1993', value: 3.5 },
    { year: '1994', value: 5 },
    { year: '1995', value: 4.9 },
    { year: '1996', value: 6 },
    { year: '1997', value: 7 },
    { year: '1998', value: 9 },
    { year: '1999', value: 13 },
  ];

  const config = {
    data,
    height: 400,
    xField: 'year',
    yField: 'value',
    point: {
      size: 5,
      shape: 'diamond',
    },
  };
  return (
    <div>
      <span>主页</span>
      <Button type="primary" onClick={testReq}>
        跳转
      </Button>
      <Line {...config}></Line>
    </div>
  );
});
